<template>
    <div class="page-box">
        <TemplateVue
            :page="data.pageData"
            @search="data.onSearch"
            @reset="data.onReset"
            @paginationChange="data.onPaginationChange"
            @paginationSize="data.onPaginationSize"
            @operation="data.onOperation"
        >
        </TemplateVue>

        <!-- 操作 -->
        <OperateVue :data="data.operationDialog" @close="data.onCloseOperationDialog" />

        <!-- 数据授权 -->
        <DataPermissionVue :data="data.dataPermissionDialog" @close="data.onCloseDataPermissionDialog" />
    </div>
</template>
<script setup lang="ts">
import TemplateVue from '@/components/template/Index.vue'
import RoleData from '.'
import { reactive, ref } from 'vue'
import OperateVue from './Operate.vue'
import DataPermissionVue from './DataPermission.vue'

const data = reactive(new RoleData())
</script>
